    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>STW OnLine</title>
        <link href="{{ MEDIA_URL }}css/layout.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/elastislide.css" />
       
        <noscript>
            <style>
            .es-carousel ul{
                display:block;
            }
            </style>
        </noscript>
        <link href="{{ MEDIA_URL }}css/main.css" rel="stylesheet" type="text/css">
        <link rel="stylesheet" href="{{ MEDIA_URL }}css/form.css" type="text/css" media="all" />
    </head>
    <body>
        <div id="principal">
            <!-- Inicio Topo -->
            <div id="top">
                <div id="logo"> <a href="{% url fiduciam.views.homepage %}"><img src="{{ MEDIA_URL }}img/logo.png" alt="Logomarca STW"/></a>
                </div>
                <div id="imenu">
                    <div id="items">
                        <!-- Inicio menu -->
                        <div id="menuLinks">
                            <p class="menu"> <a href="{% url fiduciam.views.homepage %}">Home</a>   |  <a href="{% url fiduciam.views.noticias %}">Notícias</a>   |  <a href="{% url fiduciam.views.servicos %}">Serviços</a>   |  <a href="{% url fiduciam.views.portifolio %}">Portifólio</a>   |  <a href="{% url fiduciam.views.quemsomos %}">Quem Somos</a>   |  <a href="{% url fiduciam.views.contato %}">Contato</a></p>
                        </div>
                        <div id="effects">
                        </div>
                        <!-- Fim Menu -->
                        <script type="text/javascript" src="{{ MEDIA_URL }}js/jquery.min.js"></script>
                        <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}js/lightbox/themes/default/jquery.lightbox.css" />
                        <!--[if IE 6]>
                        <link rel="stylesheet" type="text/css" href="js/lightbox/themes/default/jquery.lightbox.ie6.css" />
                        <![endif]-->
                        <!--<script type="text/javascript" src="{{ MEDIA_URL }}src/jquery.lightbox.js"></script>-->
                        <script type="text/javascript" src="{{ MEDIA_URL }}js/lightbox/jquery.lightbox.min.js"></script>
                        <script type="text/javascript">
                        jQuery(document).ready(function($){
                            $('.lightbox').lightbox();
                        });
                        </script>
                    </div>
                </div>
                <div id="fimTop">
                    <img src="{{ MEDIA_URL }}img/fim-menu_s1.png" />
                </div>
            </div><!-- Topo -->
                <div id="container">
                    <div id="conteudo">
                        {% if noticias.publicar %}
                        <div id="esqInternas">
                            <h1 class="TituloNoticiaSub">
                                {{ noticias.titulo }}
                            </h1>
                            <div id="MidiasSociais">
                                <a href="#"><img src="{{ MEDIA_URL }}img/twitter.png" /></a>
                                <a href="#"><img src="{{ MEDIA_URL }}img/facebook.png" /></a>
                                <a href="#"><img src="{{ MEDIA_URL }}img/1.png" /></a>
                            </div>
                            <div id="subNoticiaSubTitutlo">
                                <p>{{ noticias.subtitulo }}</p>
                            </div>
                            <div id="subTitulo">
                                <div id="autor">
                                    <p>Postado por: <a>{{ noticias.autor }} </a></p>
                                </div>
                                <div id="dataPub">
                                    <p>{{ noticias.data }}</p>
                                </div>
                            </div>
                            <div id="conteudoNoticiaSub">
                                <p><div id="ImgSubNoticia">
                                    <a href="/media/{{ noticias.imagem_destaque }}" class="lightbox"><img src="/media/{{ noticias.imagem_destaque }}" width="330" height="252" alt="{{ noticias.titulo }}"/></a>
                                </div><p class="textoNoticia">{{ noticias.conteudo|safe }}</p>
                                <!--<p class="citacao">
                                Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
                                </p>-->
                            </div>
                            {% endif %}
                            <!-- Galeria Final -->

                            <div id="GaleriaFooter">

             <div id='wrapper'>
             {% if noticias.imagens.all %}
             <div id='body'>

                <div id="bigPic">

                    {% for galeria in noticias.imagens.all %}
                    <img src="/media/{{ galeria.imagem }}" alt="{{ noticias.titulo }}" />
                    {% endfor %}

                </div>



                <ul id="thumbs">

                    {% for galeria in noticias.imagens.all %}
                    <li class='active' rel='{{ galeria.imagem }}'><img src="/media/{{ galeria.imagem }}" alt="{{ galeria.titulo }}" /></li>
                    {% endfor %}


                </ul>


            </div>



            <script type="text/javascript" src="{{ MEDIA_URL }}js/STWGaleria.js"></script>
            {% endif %}

                        <!-- Fim galeria -->
                        <div id="autorContainer">
                            <div id="topAutor">
                                <img src="{{ MEDIA_URL }}img/autor_p1_top_s1.png" />
                            </div>
                            <div id="conteudoAutor">

                                <div id="fotoAutor">
                                    <img src="/media/{{ colaborador.thumbs }}"width="85px" height="85px" />
                                </div>
                                <div id="DescricaoAutor">
                                    <h2 class="tituloautor">{{ colaborador.nome }}</h2>
                                    <p>{{ colaborador.descricao|safe }}</p>
                                </div>

                                <div id="compartilheContainer">
                                    <p class="compartilhetxt">Compartilhe esta idéia</p>
                                    <div id="MidiasSociais2">
                                        <a target="_blank" href="{{ colaborador.facebook }}" ><img src="{{ MEDIA_URL }}img/facebook24.png" /></a><a target="_blank" href="{{ colaborador.twitter }}"><img src="{{ MEDIA_URL }}img/twitter24.png" /></a><a target="_blank" href="{{ colaborador.google }}"><img src="{{ MEDIA_URL }}img/plus24.png" /></a>
                                    </div>
                                </div>
                            </div>
                        </div>


                        <!-- Ultimas -->
                        <div id="NoticiasS"><h1 class="NoticiasSem">Últimas</h1></div>
                        <div id="containerUtimas">
                            {% for noticias in ultimas_noticias|slice:"1" %}
                            <div id="Box1Noticia">
                                <div id="noticiaheader">
                                    <div class="ti" id="tituloBoxNoticia"><a href="{% url fiduciam.views.noticiainterna slug=noticias.slug %}">{{ noticias.titulo }}</a></div>
                                </div>
                                <div id="ImagemNoticiaBox">
                                    <a href="{% url fiduciam.views.noticiainterna slug=noticias.slug %}"><img src="/media/{{ noticias.imagem_destaque }}" width="320" height="210" alt="" /></a>
                                </div>
                                <div id="DescricaoNoticiaBox">
                                    <a href="{% url fiduciam.views.noticiainterna slug=noticias.slug %}"><p >{{ noticias.conteudo|safe }}</p></a>
                                </div>
                            </div>
                            {% endfor %}
                            {% for noticias in ultimas_noticias|slice:"1:2" %}
                            <div id="Box2Noticia">
                                <div id="noticiaheader">
                                    <div class="ti" id="tituloBoxNoticia"><a href="{% url fiduciam.views.noticiainterna slug=noticias.slug %}">{{ noticias.titulo }}</a></div>
                                </div>
                                <div id="ImagemNoticiaBox">
                                    <a href="{% url fiduciam.views.noticiainterna slug=noticias.slug %}"><img src="/media/{{ noticias.imagem_destaque }}" width="320" height="210" alt="" /></a>
                                </div>
                                <div id="DescricaoNoticiaBox">
                                    <a href="{% url fiduciam.views.noticiainterna slug=noticias.slug %}"><p >{{ noticias.conteudo|safe }}</p></a>
                                </div>
                            </div>
                            {% endfor %}
                        </div>
                        <!-- Fim Ultimas -->
                    </div>

                    </div>

                    </div>
                        <!-- SideBAR -->
                        <div id="sidebar">
                            <!-- box 1 header -->
                            <div id="box1DireitoInternas">
                                <!-- inicio botao 1 -->
                                <!-- Inicio botao 2 -->
                                <!-- Inicio botao 3 -->
                            </div>
                        </div>
                        <!-- FIm SIDEBAR -->
            </div>
            {% include "footer.html" %}
